<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
    {% block title %}
    	父模版
    {% endblock %}    
    </title>
    {# CSS继承 #}
    {% block ext_css %}
        <style>
        p {
            color: red;
        }
        </style>	
    {% endblock %}
</head>
<body>
    {% block head %}
    	父模板的头部
    {% endblock %}

    <hr>

    {% block content %}
    	<p>父模板的内容</p><a href="{% url 'users:child' %}">点击跳转子模版</a>
    {% endblock %}
    
    <hr>

    {% block foot %}
    	父模板的底部
    {% endblock %}
    
    <hr>
    
    {# JS继承 #}
    {% block ext_js %}
        <script>
            console.log('父模版中的js');
        </script>
    {% endblock %}
</body>
</html>